<template>
  <div class="aboutus">
    <Header></Header>
    <div style="height: 88px;"></div>
    <div class="about-box" v-html="content">

    </div>
  
    <div style="height: 184px;"></div>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from '@/components/header/index.vue'
import Footer from '@/components/footer/index.vue';
import { onepage } from ".././../utils/api"
export default {
  components: {
    Header,
    Footer
  },
  data() {
    return {
      content:"",
    }
  },
  mounted() {
    this.genAboutus()
  },
  methods: {
    async genAboutus() {
      let res = await onepage({
        name: "aboutus"
      })
      if (res.code == 1) {
        console.log("关于我们", res)
        this.content = res.data
      }
      if(res.code ==401){
        this.$router.push({ path: '/login' })
      }

    }
  }
}
</script>
<style scoped lang="scss">
.aboutus {
  display: flex;
  flex-direction: column;
  align-items: center;

  .about-box {
    width: 1000px;
    overflow-y: auto;

    .title {
      font-size: 20px;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      line-height: 23px;
      width: 100%;
      text-align: center;
    }

    .shu {
      width: 1200px;
      height: 2px;
      opacity: 1;
      background-color: #EDEDED;
      margin-top: 50px;
    }

    .content {
      font-size: 18px;
      font-family: PingFang SC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 21px;
    }

    .about-img {
      width: 1200px;
      height: 450px;
    }
  }
}
</style>